﻿<?php 
$tpl['title']="ISLAMIC | PHP Web Application Services";
include("../../../config.php"); 
include(TPL_DIR.$current_theme."/header.php");
include(TPL_DIR.$current_theme."/popup.php");
include(TPL_DIR.$current_theme."/tooltip.php");
include("./classes/hejri.php");
include("./classes/praytimes.php");
include(TPL_DIR.$current_theme."/tooltip.php");

?>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<script type="text/javascript" src="./js/ajax.js"></script>
<script>
$(document).ready( function() {
		// When site loaded, load the Popupbox First
		// $('#popup_hejri > .popupBoxClose').click( function() {	
			// $('#popup_hejri').fadeOut("slow");
		// });
		$('#meladyToHejri').click( function() {
			$("#popup_hejri").css({"left":"500px"});
			popUp("popup_hejri");
		});
		//=========================================/
		// $('#popup_timePrayers > .popupBoxClose').click( function() {	
			// $('#popup_timePrayers').fadeOut("slow");
			// $("#backgroundPopup").fadeOut("slow"); 
		// });
		$('#timePrayers').click( function() {
			// $("#backgroundPopup").css("opacity", "0.7"); // css opacity, supports IE7, IE8
			// $("#backgroundPopup").fadeIn(0001); 
			// $("#popup_timePrayers").fadeIn(0500);
			$("#popup_timePrayers").css({"left":"400px"});
			popUp("popup_timePrayers");
		});
		// ======================================== //
		$('#imageProcessing').click( function() {
			$("#popup_imageProcessing").css({"left":"200px","top":"20px","width":"950px","height":"550px"});
			popUp("popup_imageProcessing");
		});
	
	$("#datepicker" ).datepicker({ dateFormat: "yy-mm-dd" , appendText: "(yyyy-mm-dd)" });	
});

</script>
 	
<div id="pageContainer" style="margin-right:20px">
    <div class="hotsite hotsite-ele cur" id="hotsite" >
 <!-- =========== التاريخ الهجري ================-->
      <span  id="u_hejriDate" class="tooltip">
        <a class="hotsite_link" href="javascript:void(0);" >
          <img src='./images/hejri.png'  class="i-hot-sprites"/>
          <label class="span-hot-name">التاريخ الهجري</label></a>
      </span>
      <em>	<?php echo "اليوم : ".Hejri::hejri_date("Today","h",0,1,1,1);
				  echo "<br/> الموافق : ".Hejri::hejri_date("Today","m",0,1,1,1);
		    ?>
		</em>
      <!-- ========== التحويل من ميلادي لهجري ============== -->
        <span id="meladyToHejri" class="tooltip">
              <a class="hotsite_link" href="javascript:void(0); " log-index="2">
                <img src="./images/m-hejri.png" class="i-hot-sprites"/>
                <label class="span-hot-name" style="visibility: visible;"> ميلادي - هجري </label></a>
        </span>
		<em> لمعرفة التاريخ الهجري الموافق للتاريخ الميلادي</em>
		<div id="popup_hejri" class="popup_box">	<!-- OUR PopupBox DIV-->
	            <a href="javascript:void(0);" class="popupBoxClose"></a>
				<form>
					<label>التاريخ الميلادي </label> <input type="text" id="datepicker" name="meladyDate"/> <br/>
					<label>التاريخ الهجري </label> <span id="hejriDate" style="color:red"></span> <br/>
					<button onclick="javascript: return getHejri(this);">حوًّل </button>
					<span class='loading'></span>
				</form>
        </div> 	
		<!-- ========== مواقيت الصلاة ============== -->
        <span id="timePrayers" class="tooltip">
              <a class="hotsite_link" href="javascript:void(0)" log-index="2">
                <img src="./images/time-prayer.jpg" class="i-hot-sprites"/>
                <label class="span-hot-name" style="visibility: visible;">  مواقيت الصلاة</label></a>
        </span>
		<em>مواقيت الصلاة في عدد من البلاد العربية </em>
		<div id="popup_timePrayers" class="popup_box">	<!-- OUR PopupBox DIV-->
	            <a href="javascript:void(0);" class="popupBoxClose"></a>
				<h1> مواقيت الصلاة  </h1>
			<form>
			<div style="padding:10px; background-color: #F8F7F4; border: 1px dashed #EAE9CD;">
				<label>البلد : </label>
				<select id="tpCountry" name="tp_country">
					<option value="EG_Cairo">القاهرة - مصر</option>
					<option value="SA_Mecca"> مكة المكرمة - السعوديه</option>
					<option value="SA_Riyadh"> الرياض - السعودية</option>
					
				</select> <br/>
				حسابات مواقيت الصلاة طبقا لـ :
				<select id="tpMethod" name="method" size="1">
					<!--option value="0">Shia Ithna-Ashari</option>
					<option value="7">Institute of Geophysics, University of Tehran</option-->
					<option value="3">Muslim World League (MWL) رابطو علماء المسلمين - الرياض</option>
					<option value="4">Umm al-Qura, Makkah جامعة أم القرى - مكة </option>
					<option value="5">Egyptian General Authority of Survey الهئية العامة  للمساحه  - مصر</option>
					<option value="2">Islamic Society of North America (ISNA)</option>
					<option value="1">University of Islamic Sciences, Karachi</option>
				</select>	
				<?php $today = "اليوم : ".Hejri::hejri_date("Today","h",0,1,1,1);
				  $today .= "<br/> الموافق : ".Hejri::hejri_date("Today","m",0,1,1,1); ?>
				<button onclick="javascript: return getTimePrayers('<?php echo $today; ?>');">النتائج </button>
			</div>
			</form>
			<div id="praytime_out"></div>
        </div> 
		
		
		
	</div>
</div>

<?php include(TPL_DIR.$current_theme."/footer.php"); ?>